import styled from "styled-components";

export const HeaderLeftStyle = styled.div`
    flex: 1;
    display: flex;
    align-items: center;
    color: ${props => props.theme.color.primary};
    .logo {
        margin-left: 24px;
        cursor: pointer;

        a:-webkit-any-link {
            text-decoration: none;
            color: inherit;
        }
    }

    .new {
        margin-left: 6px;
        a:-webkit-any-link {
            padding: 0 3px;
            text-decoration: none;
            color: inherit;
        }
    }
`